// 页面中有导航链接 GET请求 前端(/frontend) 后端（/backend）vue (/vue)
// 目标：根据路径 访问不同页面
// 每一个路径都会对应一个 后端的处理函数
// GET  /frontend        返回 前端页面
// GET  /backend         返回 后端页面
// GET  /vue             返回 vue页面
// 0. 搭建前准备
//     0. npm init          package.json 初始化
//     1. 安装express       npm i express

// 1. 导入express包
const { json } = require('express');
const express = require('express');
// 2. 搭建服务
const app = express();

// 3. 配置路由信息        后端的处理函数
// GET  /frontend        返回 前端页面
app.get('/frontend',(request,response)=>{
    
    // send可以显示中文
    response.send(`
    <h1>前端页面</h1>
    <a href="/frontend">前端页面</a>
    <a href="/backend">后端页面</a>
    <a href="/vue">vue页面</a>
    `);
})
// GET  /backend         返回 后端页面
app.get('/backend',(request,response)=>{
    response.send(`<h1>后端页面</h1>
    <a href="/frontend">前端页面</a>
    <a href="/backend">后端页面</a>
    <a href="/vue">vue页面</a>`);
})
// GET  /vue             返回 vue页面
app.get('/vue',(request,response)=>{
    response.send(`<h1>vue页面</h1>
    <a href="/frontend">前端页面</a>
    <a href="/backend">后端页面</a>
    <a href="/vue">vue页面</a>
    `);
})

// 4. 监听服务
app.listen(8080,()=>{
    console.log('服务启动 8080');
})

